.hd-top{
  height:44px;
  line-height: 44px;
  text-align: center;
  padding:0 30px;
  background:@themeColor;
  position: fixed;
  z-index:5;
  left:0;
  right:0;
  display:none;
  .iconfont{
    position: absolute;
    left: 0;
    top:0;
    padding:0 10px;
    color: #fff;
  }
  .title{
    font-size: 18px;
    color: #fff;
  }
  .btn{
    position: absolute;
    right: 10px;
    top: 7px;
    border-color: #fff;
    color: #fff;
    background: @themeColor;
    font-size: 14px;
    line-height: 30px;
    &.left{
      left:10px;
    }
  }
}
.top-bar-w{
  color: #212121;
  height: 32px;
  line-height: 32px;
  padding: 10px 0 10px 12px;
  /*border-bottom: 1px solid #dbdbdb;*/
  background: #fff;
  .btn-sech{
    padding:0 12px;
  }
}
.top-bar-c{
  height: 32px;
  background: #e3e3e5;
  -webkit-border-radius: 4px;
  padding:0 4px 0 30px;
  position: relative;
  .iconfont{
    position: absolute;
    left: 8px;
    top:0;
  }
  .ipt{
    input{
      width: 100%;
      background:#e3e3e5;
      font-size:16px;
    }
  }
}
.driver-head{
  padding:0.4rem 0.2rem;
  background: #fff;
}
.driver-top{
  padding:0 0.2rem;
  .pic{
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.2rem;
    border: 1px solid #ddd;
    img{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .ctx{
    padding:5px 0 0;
    dt{
      line-height: 30px;
      font-size: 21px;
    }
    dd{
      line-height: 22px;
      font-size: 12px;
      color: #888888;
    }
  }
}
.driver-bottom{
  text-align: center;
  padding: 0.4rem 0 0.05rem;
  .flex1{
    color: #888888;
    font-size: 12px;
    line-height: 1;
    border-right: 1px solid #ddd;
    &:last-of-type{
      border-right:0 none;
    }
    p{
      padding:0 0 9px;
    }
    span{
      font-size: 24px;
    }
  }
}